<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll"
        aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
  <span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarScroll">
  <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
    {% for nav in nav_list %}
    <li class="nav-item">
      <a class="nav-link" href="{% url nav.path %}">
        {{nav.name}}
      </a>
    </li>
    {% endfor %}
  </ul>
</div>
